@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'CONTEXT';
	src:url(../fonts/CONTEXT.TTF);
    font-weight: normal;
    font-style: normal;
}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.headerBg{ margin-top:20px; transition:all 0.3s ease-out 0s;}
.headerBg.active{ border:none; background:rgba(0,0,0,0.6); margin-top:0;}
.headerBg.noEffect{ transform:translateY(0) !important;}
.logo{ position:absolute; left:30px; top:22px;}
.logo a{ display:block;}
.hdRig{ position:absolute; right:30px; top:0; color:#FFFFFF;}
.hdRig a{ color:#FFFFFF; display:inline-block; vertical-align:middle;}
.hdRigList{ font-size:0;}
.hdRigList li{ display:inline-block; vertical-align:middle; font-size:18px; padding-left:8px; line-height:84px;}
.hdWx{ position:absolute; right:-30px; top:84px; width:140px; padding:10px; text-align:center; background:#FFFFFF; font-size:12px; color:#666666; line-height:26px; display:none;}
.hdWx img{ margin:0 auto;}
.hdRigList li:hover .hdWx{ display:block;}
.hdTel{ font-size:20px; margin-top:-2px; margin-right:5px;}
.hdShare{ margin-top:-10px; font-size:15px; width:32px; height:32px; border:1px solid rgba(255,255,255,0.25); border-radius:50%; text-align:center; line-height:30px;}

/*navList*/
.navList{ display:table; margin:0 auto;}
.navLi{ float:left; height:84px; position:relative;}
.navLi h3{}
.navLi h3 a{ display:block; padding:24px 10px; font-size:15px; color:#FFFFFF;}
.navLi h3 a span{ display:block; border:1px solid transparent; height:36px; line-height:34px; border-radius:17px; padding:0 20px; transition:all 0.4s ease 0s;}
.navLi.on h3 a span,.navLi h3 a:hover span{ border-color:#FFFFFF;}

.navSub{ position:absolute; left:50%; margin-left:-100px; top:84px; width:200px; padding-top:23px; display:none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;
}
.navSubList{ background:rgba(0,0,0,0.75); padding:15px 25px; border-radius:5px;}
.navSubLi{}
.navSubLi h4{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubLi h4 a{ display:block; color:#FFFFFF; font-size:14px; line-height:42px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navSubLi.has h4 a{ background-image:url(../images/navLiBg.png);}
.navSubLi a:hover{ color:#3754a8;}

.navThrList{ padding-left:15px; display:none;}
.navThrLi h5{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navThrLi h5 a{ display:block; color:#FFFFFF; font-size:14px; line-height:46px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navThrLi.has h5 a{ background-image:url(../images/navLiBg.png);}

.navFouList{ padding:15px 0 15px 15px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.navFouLi{ font-size:12px; color:#dddddd; line-height:24px;} 
.navFouLi a{ display:block; color:#dddddd;}

.navBoxm{ display:none;}
.navListm{ list-style:none; overflow:hidden;}

/*banner*/
.banner{ height:100%; position:relative;}
.banner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.ban1Bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; overflow:hidden;}
.ban1Bg1{ background:url(../images/ban1Bg1.png) center center repeat; animation: star 1s infinite linear;}
.ban1Bg2{ background:url(../images/ban1Bg2.png) center center repeat; animation: star 3s infinite linear;}
@keyframes star {
  0% {
	  opacity:0;
  }
  50% {
	  opacity:1;
  }
  100% {
	  opacity:0;
  }
}
.banner .swiper-slide .container{ height:100%; justify-content:center; display:flex; align-items:center; position:relative; z-index:1;}
.ban1Con{ width:100%;}
.ban1Img{ width:60%; float:left; max-width:651px; height:379px; position:relative;}
.ban1Logo{ width:119px; height:57px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-49px; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir{ width:379px; height:379px; position:absolute; left:50%; top:0; margin-left:-190px; background-position:center center; background-repeat:no-repeat; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir1{ background-image:url(../images/ban1Cir1.png); animation: circle 200s infinite linear;}
.ban1Cir2{ background-image:url(../images/ban1Cir2.png); animation: circleF 200s infinite linear;}
.ban1Cir3{ background-image:url(../images/ban1Cir3.png); animation: circle 200s infinite linear;}
.ban1Line{ width:509px; height:379px; position:absolute; left:50%; top:0; margin-left:-254px; background:url(../images/ban1Line.png) center center no-repeat;}
.ban1IcoItem{}
.ban1IcoItem li{ display:inline-block; position:absolute; text-align:center; font-size:14px; line-height:34px;}
.ban1IcoItem li a{ display:block; color:#FFFFFF;}
.ban1Ico{ width:71px; height:71px; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.ban1Ico i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ban1IcoBg.png) center center no-repeat; animation:circle 150s infinite linear;}
.ban1IcoLi1{ left:50px; top:0;}
.ban1IcoLi2{ left:0; top:156px;}
.ban1IcoLi3{ left:50px; bottom:-30px;}
.ban1IcoLi4{ right:50px; top:0;}
.ban1IcoLi5{ right:0; top:156px;}
.ban1IcoLi6{ right:50px; bottom:-30px;}
.ban1IcoItem li a:hover .ban1Ico img{ animation:pulse 0.3s linear 2;}
@keyframes circle{
  0% {
	  transform:rotate(0);
  }
  50% {
	  transform:rotate(360deg);
  }
  100% {
	  transform:rotate(0);
  }
}
@keyframes circleF{
  0% {
	  transform:rotate(360deg);
  }
  50% {
	  transform:rotate(0);
  }
  100% {
	  transform:rotate(360deg);
  }
}
.swiper-slide-active .ban1Logo{ opacity:0;}
.swiper-slide-active .ban1Cir{ opacity:1;}
.swiper-slide-active .ban1Cir1{ transition-delay:0.3s}
.swiper-slide-active .ban1Cir2{ transition-delay:0.7s}
.swiper-slide-active .ban1Cir3{ transition-delay:1.1s}

.ban1Text{ width:40%; float:right; max-width:382px; padding-top:10%;}
.banLink{ display:block; color:#FFFFFF; font-weight:bold; font-size:15px; text-align:center; width:144px; height:40px; line-height:38px; margin:25px 0 0; border:1px solid rgba(255,255,255,0.65); background:url(../images/banLinkBg.png) center center no-repeat; background-size:100% 100%;}
.banLink img{ margin-left:5px; transition:all 0.3s ease 0s;}
.banLink:hover{ color:#FFFFFF;}
.banLink:hover img{ margin-left:15px;}

.banPc{ display:block;}
.banMob{ display:none; position:relative; z-index:1;}
.banMob a{ display:block;}

.banBtn{ position:absolute; left:50%; margin-left:-12px; bottom:6%; display:block; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:12px; z-index:1; overflow:hidden;}
.banBtn:after{ display:block; content:""; position:absolute; left:50%; margin-left:-2px; top:21px; width:4px; height:4px; background:#FFFFFF; border-radius:50%; animation:bounce 2s infinite;}

.box1Bg{ padding:60px 0;}
.box1Num{ font-size:24px; color:#969696; line-height:200%;}
.box1Num span{ color:#e80b11; font-family:'CONTEXT'; font-size:50px; padding:0 10px; line-height:200%;}
.title{ padding:20px 0; position:relative;}
.title h2{ font-size:36px; color:#222222; line-height:120%; padding:20px 0;}
.titleBrief{ max-width:980px; margin:0 auto; color:#a6a5a5; line-height:28px; padding:20px 0;}

.box1CenBg{ background:url(../images/box1CenBg.png) center top no-repeat; background-size:cover; min-height:607px; overflow:hidden; position:relative;}
.wavesBg{ position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:300px;}
#waves{}
.box1Cen{ margin:100px 0 0; position:relative;}
.box1CenPrev,.box1CenNext{ position:absolute; width:29px; height:51px; top:100px; cursor:pointer;}
.box1CenPrev{ left:-150px; background:url(../images/box1CenPrev.png) left center no-repeat; background-size:cover;}
.box1CenNext{ right:-150px; background:url(../images/box1CenNext.png) right center no-repeat; background-size:cover;}
.box1CenImgBg{ float:left; width:58%; padding-right:3%;}
.box1CenText{ float:right; width:42%; max-width:450px; color:#FFFFFF;}
.box1CenH3{ font-size:30px; line-height:30px;}
.box1CenBrief{ font-size:16px; line-height:30px; margin:10px 0;}
.box1CenItem{ padding:0px 0 15px;}
.box1CenItem li a{ color:#FFFFFF; display:inline-block; line-height:26px; padding:0 10px; border-radius:10px; transition:all 0.4s ease 0s;}
.box1CenItem li a:before{ display:inline-block; content:""; vertical-align:middle; width:4px; height:4px; border-radius:50%; background:#FFFFFF; margin:-2px 5px 0 0;}
.box1CenItem li a:hover{ background:#3754a8;}
.box1CenText .box1BotMore{ margin:0; border:1px solid #FFFFFF; text-align:center;}
.box1CenText .box1BotMore:hover{ background:#df292e; border-color:#df292e;}
.box1BotMore a,.box1BotMore a:hover{ display:block; color:#FFFFFF;}

.box1Bot{ margin:0 -42px; padding:40px 0;}
.box1Bot li{ padding:10px 42px;}
.box1Bot li:after{ display:block; content:""; display:block; width:190px; height:1px; font-size:0; background:#e6e6e6; position:absolute; top:100px; right:-95px;}
.box1Bot li:last-child:after{ display:none;}
.box1Bot li a{ display:block; height:100%;}
.box1BotImgBg{ width:174px; height:174px; border:1px solid #dbdbdb; border-radius:50%; margin:0 auto; position:relative; display:flex; justify-content:center; align-items:center;}
.box1BotImgBg:after{ display:block; content:""; position:absolute; top:29px; right:15px; width:7px; height:7px; background:#3754a8; border-radius:50%;}
.box1BotCir{ position:absolute; left:50%; top:50%; width:144px; height:144px; margin-left:-72px; margin-top:-72px; background:url(../images/box1BotCir.png) center center no-repeat; background-size:cover;}
.box1BotImg{ width:84px; height:84px; background:#3754a8; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:all 0.4s ease 0s;}
.box1BotH3{ font-size:20px; color:#222222; line-height:150%; padding:10px 0;}
.box1BotBrief{ font-size:14px; color:#999999; line-height:26px; height:52px; margin:0 0 20px; overflow:hidden;}
.box1BotMore{ display:block; margin:0 auto; width:120px; height:40px; line-height:38px; border:1px solid #324e9e; border-radius:20px; color:#324e9e; transition:all 0.4s ease 0s;}
.box1Bot li a:hover .box1BotImg{ width:120px; height:120px;}
.box1Bot li a:hover .box1BotMore{ border-color:#df292e; background:#df292e; color:#FFFFFF;}
.box1Bot li a:hover .box1BotMore img.showsIn{ display:none;}
.box1Bot li a:hover .box1BotMore img.hides{ display:inline-block;}
.box1Bot li a:hover .box1BotCir{ animation:Cir 20s infinite;}
@keyframes Cir
{
from { transform:rotate(0);}
to { transform:rotate(360deg);}
}
.box1Bot li:nth-child(2) .box1BotImgBg:after{ top:auto; bottom:29px;}
.box1Bot li:nth-child(3) .box1BotImgBg:after{ right:auto; left:-4px; top:74px;}
 

.box2Bg{ background:url(../images/box2Bg.jpg) center top no-repeat; background-size:cover; padding:90px 0;}
.box2Bg .title h2,.box2Bg .titleBrief{ color:#FFFFFF;}
.box2List{ margin:0 -30px;}
.box2List li{ padding:0 30px 30px;}
.box2Con{ position:relative; overflow:hidden;}
.box2Img{ overflow:hidden;}
.box2Img img{ width:100%; transition:all 0.4s ease 0s;}
.box2Tit{ position:absolute; left:0; bottom:0; width:100%; background:#000000; background:rgba(0,0,0,0.7); font-size:18px; color:#FFFFFF; line-height:34px; padding:15px; transition:all 0.4s ease 0s;}
.box2HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#184091; background:rgba(24,64,145,0.9); padding:35px; color:#FFFFFF; opacity:0; transform:translateY(-100%); transition:all 0.4s ease 0s;}
.box2Hov a{ color:#FFFFFF; color:rgba(255,255,255,0.65); transition:all 0.4s ease 0s;}
.box2Hov h4{ text-align:center; font-size:18px; padding:20px 0; opacity:0; transform:translateY(-50%); transition:all 0.4s ease 0s;}
.box2Item{ overflow:hidden; margin:0 -5px; font-size:12px; line-height:26px; opacity:0; transform:translateY(50%); transition:all 0.4s ease 0s;}
.box2Item p{ float:left; width:50%; padding:0 5px;}
.box2Hov a:hover{ color:#FFFFFF;}
.box2Con:hover .box2Tit{ transform:translateY(100%);}
.box2Con:hover .box2HovBg{ opacity:1; transform:translateY(0%);}
.box2Con:hover .box2Hov h4,.box2Con:hover .box2Item{ opacity:1; transform:translateY(0%); transition:all 0.4s ease 0.3s;}

.box3Bg{ padding:90px 0;}
.box3List{}
.box3List .swiper-container{ padding-bottom:15px;}
.box3List .swiper-slide{ padding:20px 10px;}
.box3List a{ display:block; height:100%; position:relative; overflow:hidden;}
.box3List img{ margin:0 auto;}
.box3Hov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scale(2); transition:all 0.4s ease 0s;}
.box3List a:hover .box3Hov{ opacity:1; transform:scale(1);}
.box3List .swiper-pagination{ position:static; width:100%; display:block;}
.box3List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:#e5e5e5; opacity:1; margin:0 5px;}
.box3List .swiper-pagination-bullet-active{ background:#ee353a;}

.box4Bg{ padding:90px 0; position:relative; background:url(../images/box4Bg.jpg) center center no-repeat; background-size:cover;}
#box4BgId{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box4Bg .title h2,.box4Bg .titleBrief{ color:#FFFFFF;}
.box4List .swiper-slide{ text-align:center; padding:20px 10px; color:#fbfbfb;}
.box4List a{ display:block; color:#FFFFFF; height:100%; color:#fbfbfb; }
.box4List img{ margin:0 auto;}
.box4Img img{ max-width:50%;}
.box4Num{ font-size:38px; font-family:Arial, sans-serif;}
.box4Tit{ font-size:16px; font-weight:bold; opacity:0.6; transition:all 0.3s ease 0s;}
.box4List .swiper-container{ padding-bottom:25px;}
.box4List .swiper-pagination{ position:static; width:100%; display:block;}
.box4List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:rgba(255,255,255,0.2); opacity:1; margin:0 5px;}
.box4List .swiper-pagination-bullet-active{ background:#ee353a;}
.box4List a:hover .box4Tit{ opacity:1;}
.box4List a:hover .box4Img img{ animation:swing 2s infinite;}

.footerBg{ background:#333333; font-size:12px; color:#777777; line-height:26px; padding:20px 0;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;}
.kefu{ display:block; float:right; width:126px; height:38px; line-height:38px; margin-bottom:20px; background:#df292e; color:#FFFFFF; border-radius:5px; text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:34px; color:#FFFFFF; line-height:150%;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top; font-size:12px; margin-right:60px; max-width:150px;}
.footLink li:last-child{ margin-right:0;}
.footLink h3 a{ font-size:16px; font-weight:bold; line-height:200%; color:#eeeeee;}
.footSub{ padding:20px 0 0;}
.footSub a{ font-size:12px; color:#777777; line-height:26px;}
.footSub a:hover{ color:#FFFFFF; transition:all 0.3s ease 0s;}

.footBot{ font-size:12px; color:#777777; padding:40px 0; border-top:1px solid rgba(255,255,255,0.1);}
.footBot a{ color:#777777;}
.footLogo{ float:right; padding-left:10px;}
.footBot p{ line-height:24px; padding:9px 0;}


.online{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:1;}
.online li{ margin:5px 0; width:35px; height:35px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:35px; height:35px; line-height:35px; font-size:16px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#3351a8; width:144px;}
.onlineIco:focus{ color:#FFFFFF;}
.onlineIco:hover i{ text-align:right; width:auto;}
.onlineWx{ position:absolute; right:38px; top:40px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#5269af;}

.bannerN{ height:450px; position:relative; text-align:center; display:flex; justify-content:center; align-items:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banH2{ position:relative; color:#FFFFFF; font-size:36px;}
.bannerN .box1Num,.bannerN .box1Num span{ color:#FFFFFF;}
.bannerN .box1Num{ position:relative; top:-20%;}

.mainBg{ position:relative; overflow:hidden; min-height:198px; font-size:14px; color:#777777; line-height:32px;}
.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainBg.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}

.onepage{ padding:80px 0;}
.onepage img{ max-width:100% !important; height:auto;}
.oneTop{ padding-bottom:35px; text-align:center;}
.oneTop img{ margin:0 auto;}
.oneText{ padding-bottom:50px; word-break:break-all;}
.oneText strong{ font-size:18px; color:#3754a8;}
.oneList{}
.oneList li{ padding-left:14px; position:relative;}
.oneList li:before{ display:block; content:""; position:absolute; left:0; top:15px; width:4px; height:4px; border-radius:50%; background:#3754a8;}
.oneBtn a{ display:inline-block; margin:0 auto; width:200px; height:52px; line-height:48px; color:#2946a5; border:2px solid #2946a5; border-radius:5px; transition:all 0.4s ease 0s;}
.oneBtn a:hover{ background:#2946a5; color:#FFFFFF;}

.hisBg{ background:url(../images/hisBg.jpg) center center no-repeat; padding:75px 0 50px; background-size:cover; color:#FFFFFF;}
.hisTit{ font-size:30px; font-weight:bold; line-height:120%; padding-bottom:15px; text-align:center;}
.hisBox{ background:url(../images/hisBoxBg.jpg) center center repeat-x;}
.history{ position:relative;}
.history .swiper-slide{ height:460px;}
.hisItem{}
.hisTextBg{ height:140px; position:relative; font-size:12px; line-height:20px;}
.hisText{ position:absolute; left:0; bottom:20px; width:100%;}
.hisText p.text-center strong{ font-size:26px;}
.hisIco{ height:90px; position:relative;}
.hisIco:after,.hisIco:before{ display:block; content:""; position:absolute;}
.hisIco:before{ width:13px; height:13px; border:2px solid #FFFFFF; border-radius:50%; left:50%; top:0; margin-left:-6px;}
.hisIco:after{ width:1px; height:77px; background:#FFFFFF; left:50%; top:13px;}
.hisYear{ font-size:22px; font-weight:bold; line-height:30px; padding:20px 0; text-align:center;}
.history .swiper-slide.odd{ padding-top:160px;}
.history .swiper-slide.odd .hisText{ position:static; padding-top:20px;}
.history .swiper-slide.odd .hisIco:before{ top:auto; bottom:0;}
.history .swiper-slide.odd .hisIco:after{ top:auto; bottom:13px;}
.hisPrev,.hisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:27px; height:52px; cursor:pointer;}
.hisPrev.swiper-button-disabled,.hisNext.swiper-button-disabled{ opacity:0.5;}
.hisPrev{ left:-90px; background:url(../images/hisPrev.png) left center no-repeat;}
.hisNext{ right:-90px; background:url(../images/hisNext.png) right center no-repeat;}

.honour{ padding:70px 0; overflow:hidden;}
.honTab{ font-size:0; margin:0 -10px;}
.honTab li{ padding:0 10px;}
.honTab li a{ display:block; font-size:15px; color:#555555; min-width:120px; height:40px; line-height:38px; border:1px solid #aaaaaa; border-radius:3px; transition:all 0.4s ease 0s;}
.honTab li.active a,.honTab li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.honList{ margin:0 -16px; padding:30px 0;}
.honList li{ padding:19px 16px;}
.honList li a{ display:block; height:100%; padding:10px; border:1px solid #d9d9d9; transition:all 0.4s ease 0s;}
.honImg{ overflow:hidden; margin-bottom:10px;}
.honImg img{ width:100%; transition:all 0.4s ease 0s;}
.honTit{ font-size:13px; color:#666666; line-height:26px; transition:all 0.4s ease 0s;}
.honList li a:hover{ border-color:#3855aa;}
.honList li a:hover .honTit{ font-weight:bold; color:#3855aa;}
.honMore{ display:block; width:378px; height:50px; line-height:50px; background:#f2f2f2; font-size:16px; color:#666666; text-align:center; border-radius:25px; margin:0 auto; transition:all 0.4s ease 0s;}
.honMore i{ font-size:14px;}
.honMore:hover,.honMore:focus:hover{ color:#FFFFFF; background:#3855aa;}
.honMore:focus{ color:#666666;}

.artlistBox{ padding:80px 0;}
.artlist{ padding:0 0 10px;}
.artlist li{ border-bottom:1px solid #e8e8e8; padding:0 0 38px; margin-bottom:38px;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#8e8e8e; line-height:26px;}
.arImg{ position:relative; float:left; width:300px;}
.arImg img{ width:100%;}
.arTime{ position:absolute; left:15px; top:0; width:46px; height:70px; background:#3754a8; font-size:12px; color:#FFFFFF; line-height:20px; text-align:center; padding-top:25px;transition:all 0.4s ease 0s;}
.date{ font-size:18px; font-weight:bold;}
.arText{ margin-left:360px;}
.arTit{ font-size:22px; color:#444444; line-height:28px; padding:10px 0; transition:all 0.4s ease 0s;}
.arBrief{ height:104px; margin:5px 0 10px; overflow:hidden;}
.arBot{ font-size:13px; color:#b1b1b1;}
.arBot .pull-right{ font-size:14px; transition:all 0.4s ease 0s;}
.arBot .pull-right i{ width:22px; height:22px; border:1px solid #999999; border-radius:50%; line-height:20px; text-align:center; transition:all 0.4s ease 0s;}
.artlist li a:hover .arTime{ background:#e7141a;}
.artlist li a:hover .arTit,.artlist li a:hover .arBot .pull-right{ color:#3754a8;}
.artlist li a:hover .arBot .pull-right{ font-weight:bold;}
.artlist li a:hover .arBot .pull-right i{ background:#3754a8; border-color:#3754a8; color:#FFFFFF;}

.page{ text-align:center;}
.page img{ margin:0 auto; max-width:100%;}

.article{ position:relative; padding-right:170px;}
.arLef{ border-right:1px solid #dddddd; padding-bottom:70px;}
.arTop{ border-bottom:1px solid #dddddd; font-size:13px; color:#999999; line-height:22px; padding:60px 40px 30px 0;}
.arTopTit{ font-size:26px; color:#222222; line-height:150%;}
.arTop p{ padding:10px 0; margin:0 -5px;}
.arTop p span{ padding:0 5px;}
.arCon{ font-size:14px; color:#666666; line-height:200%; padding:10px 40px 10px 0; min-height:200px;}
.arCon p{ text-indent:2em; margin:20px 0;}
.arCon img{ max-width:100% !important; height:auto !important; margin:20px auto;}
.reList{ display:block; background:#e7141a; width:120px; height:40px; line-height:40px; color:#FFFFFF; text-align:center; border-radius:5px;}
.reList:hover,.reList:focus{ color:#FFFFFF;}

.arRig{ position:absolute; right:0; top:0; width:130px; padding:50px 0;}
.pager{ font-size:13px; color:#888888; line-height:24px; text-align:left; margin:0;}
.pager li{ display:block; padding-bottom:30px; font-size:14px; color:#999999; line-height:22px;}
.pager li p{ padding:0 0 5px;}
.pager li > a{ display:block; border:none; border-radius:0; color:#888888; padding:0; font-size:13px; line-height:24px; transition:all 0.4s ease 0s;}
.pager li > a:hover{ background:none; color:#3754a8;}
.share span{ font-size:14px; color:#999999; line-height:22px;}
.shareList li a{ display:inline-block; font-size:14px; color:#666666; line-height:36px; padding-left:25px; background-position:left center; background-repeat:no-repeat; transition:all 0.4s ease 0s;}
.shareIco1{ background-image:url(../images/shareIco1.png);}
.shareIco2{ background-image:url(../images/shareIco2.png);}
.shareIco3{ background-image:url(../images/shareIco3.png);}
.shareIco4{ background-image:url(../images/shareIco4.png);}
.shareList li a:hover{ color:#3754a8;}

.parTit{ padding-bottom:40px;}
.parTit h3{ font-size:28px; color:#222222; line-height:150%; padding-bottom:20px;}
.parBrief{ font-size:14px; color:#aaaaaa; line-height:200%; max-width:815px; margin:0 auto;}
.parList{ margin:0 -5px;}
.parList li{ padding:0 5px;}
.parList li a{ display:block; padding:15px 0;}
.parList li a img{ display:block; margin:0 auto; max-height:100%;}

.proTit{ font-size:36px; color:#3754a8; line-height:150%; padding:50px 0;}
.proBox1Bg{ border-top:1px solid #d9d9d9;}
.proBox1{ position:relative;}
.proBox1:after{ display:block; content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d9d9d9;}

.proBox1List{ margin:0; font-size:0;}
.proBox1Item{ padding:50px; width:50%; font-size:14px; display:inline-block; vertical-align:top;}
.proBox1Img{ float:left; width:50px;}
.proBox1Text{ margin-left:70px; color:#888888}
.proBox1H3{ font-size:22px; color:#111111;}
.proBox1Brief{ line-height:25px; margin:10px 0;}
.proBox1Text .box1CenItem li a{ color:#666666;}
.proBox1Text .box1CenItem li a:before{ background:#3754a8;}
.proBox1Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox1Text .box1CenItem li a:hover:before{ background:#FFFFFF;}

.proBox2ItemBg:nth-child(2n+1){ background:#f3f3f3;}
.proBox2Img,.proBox2Text{ width:50%;}
.proBox2Item{ padding:110px 0;}
.proBox2Img{ float:right;}
.proBox2Img img{ max-height:100%; margin:0 auto;}
.proBox2Text{ float:left; color:#888888; padding:50px 50px 0;}
.proBox2Text .proBox1H3{ font-size:36px; color:#3754a8; line-height:150%; padding-bottom:10px;}
.proBox2Text .box1CenItem li a{ color:#555555; font-size:16px; line-height:36px; border-radius:18px;}
.proBox2Text .box1CenItem li a:before{ background:#3754a8;}
.proBox2Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox2Text .box1CenItem li a:hover:before{ background:#FFFFFF;}
.proBox2Text .box1BotMore{ margin:20px 0 0; background:#324e9e; text-align:center;}
.proBox2ItemBg:nth-child(2n) .proBox2Img{ float:left;}
.proBox2ItemBg:nth-child(2n) .proBox2Text{ float:right;}

.soluBg .proBox2ItemBg:nth-child(2n+1){ background:#FFFFFF;}
.soluBg .proBox2ItemBg:nth-child(2n){ background:#f3f3f3;}

.case{ overflow:hidden; padding:0 0 70px;}
.caseTop{ padding:50px 0; margin:0 -5px;}
.caseTop li{ padding:5px;}
.caseTop li a{ display:block; height:36px; line-height:34px; border:1px solid #d5d5d5; padding:0 11px; color:#777777; border-radius:3px; transition:all 0.4s ease 0s;}
.caseTop li.active a,.caseTop li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.caseBot{ padding-bottom:30px;}
.caseBot li{ padding:0 7px 20px;}
.caseBot li a{ display:block; height:100%; border:1px solid #dcdcdc; border-radius:4px; font-size:13px; color:#8d8d8d; line-height:26px; padding:20px 100px 20px 0; position:relative; transition:all 0.3s ease 0s;}
.caseImg{ float:left; width:260px; height:84px; display:flex; justify-content:center; align-items:center;}
.caseImg img{ margin:0 auto; max-width:100%; max-height:100%;}
.caseTit{ font-size:18px; color:#555555; line-height:32px;}
.caseBrief{ height:52px; overflow:hidden;}
.caseIco{ width:36px; height:36px; border:1px solid #d3d3d3; text-align:center; line-height:32px; font-size:22px; color:#3855aa; border-radius:50%; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease 0s;}
.caseBot li a:hover{ border-color:#FFFFFF; box-shadow:0 0 7px rgba(0,0,0,0.14);}
.caseBot li a:hover .caseIco{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}

.contact{ padding:95px 0;}
.contactWay{ font-size:15px; color:#777777; line-height:36px; padding-left:90px;}
.contactWay h3{ font-size:26px; color:#222222; padding-bottom:15px;}

.contactShare{ background:url(../images/contactImg.png) center center no-repeat; width:493px; height:283px; color:#FFFFFF; text-align:center; padding-top:90px; background-size:cover;}
.contactShare li{ padding:0 15px; position:relative;}
.conShIco{ display:block; height:100%; color:#FFFFFF;}
.conShIco:hover{ color:#FFFFFF; opacity:0.8;}
.conShIco i{ display:block; width:58px; height:58px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; line-height:56px; font-size:24px;}
.conWx{ position:absolute; left:50%; bottom:100px; transform:translateX(-50%); width:100px; height:0; overflow:hidden; transition:all 0.4s ease 0s;}
.contactShare li:hover .conWx{ height:100px;}

.contact_map{ height:400px;}

.contactBot{ padding:80px 0; background:url(../images/contactBotBg.png) center bottom no-repeat; background-size:contain;}
.conBotTit{ font-size:26px; color:#333333; line-height:36px; padding:15px 0;}
.conBotList{ font-size:0; margin:0; text-align:center; padding:0 60px;}
.conBotList li{ padding:25px; width:50%; font-size:14px; color:#777777; line-height:28px; text-align:left;}
.conBotList li .media{ padding:25px; border:1px solid #d2d2d2; border-radius:5px; background:#FFFFFF;}
.conBotList .media-left{ padding-right:25px;}
.conBotList .media-left img{ width:150px;}
.conBotList .media-body{ color:#777777; line-height:28px;}
.conBotList .media-body h3{ font-size:18px; color:#333333; line-height:28px;}

.proNavBg{ background:#FFFFFF;}
.proNavBg.proFixed{ position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.proNav{ padding:45px 0; transition:all 0.4s ease 0s;}
.proNavBg.proFixed .proNav{ padding:15px 0;}
.proNavTit{ float:left; font-size:28px; color:#111111; line-height:40px; max-width:400px;}
.proNavItem{ float:right; margin:0;}
.proNavItem li{ padding:1px;}
.proNavItem li a{ display:block; font-size:15px; color:#333333; line-height:36px; border:2px solid transparent; padding:0 15px; border-radius:20px; transition:all 0.4s ease 0s;}
.proNavItem li.active a,.proNavItem li a:hover{ border-color:#3754a8; color:#3754a8;}
.proWinLinke,.reProlist{ margin-left:10px; color:#FFFFFF !important; border-color:transparent !important;}
.proWinLinke{ background:#df292e;}
.reProlist{ background:#3754a8;}

.proBg1{ background:#f5f5f5; padding:70px 0;}
.pro1{}
.proText{ color:#666666; line-height:32px;}
.proText strong{ color:#3754a8;}
.proH3{ font-size:28px; color:#111111; line-height:36px; padding-left:20px; position:relative; margin-bottom:10px;}
.proH3:after,.proH3:before{ display:block; content:""; position:absolute; left:0; width:3px;}
.proH3:before{ height:3px; background:#df292e; top:5px;}
.proH3:after{ height:21px; background:#3754a8; top:10px;}
.probrief{ margin:30px 0; color:#666666; line-height:32px;}
.proText .proWinLinke{ display:block; width:108px; border:1px solid #3754a8 !important; border-radius:20px; background:none; color:#3754a8 !important; text-align:center; margin:10px 0 0;}
.proImg img{ max-width:100%; margin:0 auto;}

.proBg2{ padding:70px 0; position:relative;}
.proBg2Img{ position:absolute; left:0; top:0; width:100%; height:111px; background:url(../images/productBg2.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
.pro2{ overflow:hidden; padding:30px 0 0;}
.pro2 li{ border-right:1px solid #e8e8e8;}
.proText2{ font-size:14px; color:#777777; line-height:26px; padding:0 25px;}
.proText2 h4{ margin:0; font-size:18px; color:#3754a8; line-height:200%; margin:10px 0;}
.pro2 li:last-child{ border-right:none;}
.pro2 li:first-child .proText2{ padding-left:0;}

.proBg3{ padding:0 0 70px; position:relative;}
.pro3Top{ background:url(../images/pro3TopBg.jpg) center center no-repeat; background-size:cover; padding:70px 0 0;}
.pro3Top .proH3{ color:#FFFFFF;}
.pro3Top .proH3:after,.pro3Top .proH3:before{ background:#FFFFFF;}
.proTab3{ padding:30px 0 0; margin:0 -3px;}
.proTab3 li{ padding:0 3px;}
.proTab3 li a{ display:block; color:#FFFFFF; font-size:15px; line-height:44px; padding:0 15px; border:1px solid #FFFFFF; border-bottom:none; border-radius:4px 4px 0 0; transition:all 0.4s ease 0s;}
.proTab3 li.active a,.proTab3 li a:hover{ background:#FFFFFF; color:#3754a8; font-weight:bold;}

.pro3Bot .swiper-slide{ overflow:hidden;}
.proH4{ font-size:24px; color:#333333; line-height:32px;}
.pro3{ padding:70px 0 0;}
.pro3 .probrief{ margin:15px 0 0;}

.proBg4{ background:#f5f5f5; padding:70px 0;}
.pro4{ margin:0 -22px;}
.pro4 li{ padding:0 22px 10px;}
.pro4 li a{ display:block; height:100%; font-size:15px; color:#555555; line-height:36px;}
.pro4 li a img{ margin:0 auto; max-width:100%;}

.winBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1031; display:none;}
.winBox{ position:fixed; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.3); max-width:590px; background:#FFFFFF; padding:20px 70px 40px; z-index:1032; display:none;}
.winClose{ display:block; width:20px; height:20px; position:absolute; right:20px; top:20px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.winTit{ font-size:22px; color:#444444; line-height:36px; padding:25px 0;}
.winTit i{ font-size:24px; color:#3855aa;}
.winList{}
.winList li{ position:relative; margin-bottom:20px;}
.winList li span{ position:absolute; right:-10px; top:0; line-height:42px;}
.winList li i{ display:block; position:absolute; left:15px; top:0; width:25px; font-size:14px; color:#b8b8b8; text-align:center; line-height:42px;}
.winList li input{ width:100%; height:42px; border:1px solid #d5d5d5; border-radius:20px; background:#FFFFFF; padding:5px 10px 5px 40px; line-height:30px; appearance:none; -webkit-appearance:none;}
.winList li input[type="submit"]{ background:#e7141a; color:#FFFFFF; border-color:#e7141a; padding:0; line-height:40px;}
.winTip{ font-size:12px; color:#999999; line-height:36px;}


.soluBg3{ background:url(../images/soluBg3.jpg) repeat; padding:70px 0;}
.soluBg4{ padding:0 0 70px; position:relative;}
.soluBg5{ padding:70px 0;}

.solu2{ padding:15px 0 0;}
.solu2 li{ padding:25px;}
.solu2Img{ float:left; width:74px; height:74px; border-radius:3px; background:#3754a8;}
.solu2Text{ margin-left:110px;}
.solu2Tit{ font-size:16px; color:#3754a8; line-height:26px; padding-bottom:5px;}
.solu2Brief{ font-size:14px; color:#7e7e7e; line-height:24px; max-height:48px; overflow:hidden;}

.soluBg3 .proH3{ color:#FFFFFF;}
.soluBg3 .proH3:after,.soluBg3 .proH3:before{ background:#FFFFFF;}
.soluBg3 .proText2,.soluBg3 .proText2 h4{ color:#FFFFFF;}
.soluBg3 .proText2{ padding:0 10px;}

.soluBg4 .proBg2Img{ z-index:0;}
.soluBg4 .pro3Top{ background:#FFFFFF;}
.soluBg4 .pro3Top .proH3{ color:#111111;}
.soluBg4 .pro3Top .proH3:after{ background:#3754a8;}
.soluBg4 .pro3Top .proH3:before{ background:#df292e;}
.soluBg4 .proTab3 li a{ color:#2a49a4; border-color:#3754a8;}
.soluBg4 .proTab3 li.active a,.soluBg4 .proTab3 li a:hover{ background:#3754a8; color:#FFFFFF; border-color:#3754a8;}

.solu5Text{ border-top:1px solid #d7d7d7; margin-top:25px; padding:20px 0 0;}
.solu5Text h4{ font-size:22px; color:#3754a8; padding:30px 0; font-weight:bold; text-align:center;}
.solu5Text img{ display:inline-block; margin:0 auto; max-width:100% !important; height:auto !important;}

@media (min-width:1275px){
	.container{ width:1230px;}
	.parList li{ width:20%;}
}
@media (max-width:1600px){
	.logo{ top:17px; left:15px;}
	.navLi{ height:74px;}
	.navLi h3 a{ padding:19px 5px;}
	.hdRigList li{ line-height:74px;}
	.hdWx,.navSub{ top:74px;}
	
	.title h2{ font-size:32px; padding:15px 0;}
	
	.box2Bg{ padding:50px 0;}
	.box3Bg{ padding:50px 0;}
	.box4Bg{ padding:50px 0;}
	
	.box1CenPrev{ left:-100px;}
	.box1CenNext{ right:-100px;}
	
	.bannerN{ height:400px;}
	.banH2{ font-size:30px;}
	.onepage{ padding:60px 0;}
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honour{ padding:50px 0;}
	
	.proTit{ font-size:32px; padding:30px 0;}
	.proBox2Item{ padding:80px 0;}
	.proBox2Text .proBox1H3{ font-size:32px;}
	
}
@media (max-width:1400px){	
	.box1Cen{ padding:0 30px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.bannerN{ height:350px;}
	
	.onepage{ padding:40px 0;}
	.hisTit{ font-size:24px; padding-bottom:10px;}
	.hisBg{ padding:45px 0 25px;}
	.history{ padding:0 35px;}
	.hisTextBg{ height:160px;}
	.hisIco{ height:70px;}
	.hisIco:after{ height:57px;}
	.hisYear{ font-size:20px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
	
	.caseTop{ padding:30px 0; margin:0 -3px;}
	.caseTop li{ padding:3px;}
	
}
@media (max-width:1200px){	
	.logo{ left:15px; width:143px;}
	.navList{ position:relative; left:-40px;}
	.navLi{ height:64px;}
	.navLi h3 a{ padding:14px 3px; font-size:14px;}
	.navLi h3 a span{ padding:0 15px;}
	.hdRigList li{ line-height:64px;}
	.hdWx,.navSub{ top:64px;}
	
	.ban1Img{ width:70%; transform:scale(0.8);}
	.ban1Text{ width:30%;}
	.banLink{ height:34px; line-height:32px; width:120px;}
	
	.title h2{ font-size:28px; padding:10px 0;}
	.titleBrief{ padding:10px 0;}
	
	.box1Bg{ padding:30px 0;}
	.box1CenBg{ min-height:400px;}
	.wavesBg{ padding-bottom:100px;}
	.box1Cen{ margin:50px 0 0;}
	.box1CenH3{ font-size:24px;}
	.box1CenBrief{ font-size:14px; margin:5px 0;}
	.box1Bot{ margin:0 -22px; padding:20px 0;}
	.box1Bot li{ padding:10px 22px;}
	.box1Bot li:after{ width:100px; right:-50px;}
	.box1BotH3{ font-size:18px;}
	
	.box2Bg{ padding:30px 0;}
	.box2List{ margin:0 -15px;}
	.box2List li{ padding:0 15px 15px;}
	.box2Tit{ font-size:16px; line-height:24px;}
	.box2HovBg{ padding:25px 15px;}
	.box2Hov h4{ padding:10px 0;}
		
	.box3Bg{ padding:30px 0;}
	.box3List .swiper-slide{ padding:10px;}
		
	.box4Bg{ padding:30px 0;}
	.box4List .swiper-slide{ padding:10px;}
	.box4Num{ font-size:32px;}
	
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:30px;}
	.footLink h3 a{ font-size:14px;}
	.footSub{ padding:10px 0 0;}
	.fTel{ font-size:30px;}
	.footBot{ padding:25px 0 0;}
	
	.bannerN{ height:300px;}
	
	.oneTop{ padding-bottom:15px;}
	.oneTop img{ max-width:50% !important;}
	.oneText{ padding-bottom:30px;}
	.oneBtn a{ width:170px; height:44px; line-height:40px;}
	.hisText p.text-center strong{ font-size:20px;}
	.hisPrev, .hisNext{ width:20px; height:39px;}
	
	
	.honour{ padding:30px 0;}
	.honList{ margin:0 -10px; padding:15px 0;}
	.honList li{ padding:10px;}
	.honList li a{ padding:5px;}
	.honImg{ margin-bottom:5px;}
	.honMore{ width:300px; height:46px; line-height:44px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:270px;}
	.arText{ margin-left:300px;}
	.arTit{ font-size:18px; padding:5px 0;}
	
	.arTop{ padding:40px 40px 20px 0;}
	.arTopTit{ font-size:24px;}
	
	.proTit{ font-size:28px;}
	.proBox1Item{ padding:50px 25px;}
	.proBox1Img{ width:35px;}
	.proBox1Text{ margin-left:45px;}
	.proBox1H3{ font-size:20px;}
	
	.proBox2Item{ padding:50px 0;}
	.proBox2Text{ padding:25px 25px 0;}
	.proBox2Text .proBox1H3{ font-size:20px; padding-bottom:0;}
	.proBox2Text .box1CenItem li a{ font-size:14px; line-height:26px;}
	
	.caseBot li a{ padding:20px 70px 20px 0;}
	.caseImg{ width:200px;}
	.caseIco{ right:20px; width:32px; height:32px; line-height:28px;}
	
	.contact{ padding:70px 0;}
	.contactWay{ padding-left:0;}
	.contactWay h3{ font-size:20px;}
	.contactShare{ width:430px; height:247px; padding-top:70px;}	
	.contact_map{ height:350px;}
	.conBotList{ padding:0;}
	.conBotList li{ padding:15px;}
	
	.proBg1,.proBg2,.proBg4{ padding:50px 0;}
	.proBg3{ padding:0 0 50px;}
	.pro3Top,.pro3{ padding:50px 0 0;}
	.proH3{ font-size:24px;}
	.proH3:before{ top:10px;}
	.proH3:after{ top:15px; height:18px;}
	.proText2 h4{ margin:5px 0; font-size:16px;}
	.proText2{ padding:0 15px;}
	
	.proTab3 li a{ line-height:38px; font-size:14px;}
	
	.pro4{ margin:0 -10px;}
	.pro4 li{ padding:0 10px 10px;}
	.pro4 li a{ font-size:14px;}
	
	.proNav{ padding:25px 0;}
	.proNavTit{ font-size:22px; max-width:320px; line-height:30px;}
	.proNavItem li a{ font-size:14px; padding:0 10px; line-height:30px;}
	
	.winBox{ padding:15px 30px; max-width:500px;}
	.winTit{ padding:15px 0; font-size:18px;}
	.winTit i{ font-size:20px;}
	.winList li{ margin-bottom:15px;}
	
	.soluBg3{ padding:50px 0;}
	.soluBg4{ padding:0 0 50px;}
	.soluBg5{ padding:50px 0;}
	.solu2 li{ padding:20px;}
	.solu2Text{ margin-left:90px;}
}
@media (max-width:992px){
	.headerBg{ background:rgba(0,0,0,0.6); margin-top:0;}
	.logo{ float:left; position:static; padding:10px 0;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:54px; height:54px;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; max-height:400px; overflow-y:auto; display:none;}
	.navLi h3{ border-bottom:1px solid rgba(255,255,255,0.25);}
	.navLi h3 a{ padding:0;}
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;}
	.navLi.has h3 a span{ background-image:url(../images/navLiBg.png);}
	
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
	
	.menuBtn{ float:right; width:40px; height:40px; margin-top:7px; z-index:3; cursor:pointer; overflow:hidden;}
	.menuBtn span{ display:block; background:#FFFFFF; width:16px; height:1px; font-size:0; margin:14px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:4px;}
	.menuBtn span:first-child + span + span{ margin-top:4px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(4px,4px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	
	.banner{ height:auto;}
	.banPc{ display:none;}
	.banMob{ display:block;}
		
	.box1CenBg{ height:auto;}
	.box1CenText,.box1CenImgBg{ float:none; width:100%; max-width:none;}
	.box1CenText{ padding-bottom:20px;}
	
	.box1BotImgBg{ width:154px; height:154px;}
	.box1BotCir{ width:124px; height:124px; margin-left:-62px; margin-top:-62px;}
	.box1Bot li a:hover .box1BotImg{ width:100px; height:100px;}
	
	.box2List{ margin:0 -5px;}
	.box2List li{ padding:0 5px 10px;}
	.box2Tit{ font-size:14px; line-height:22px; padding:10px;}
	.box2HovBg{ padding:15px 10px;}
	.box2Hov h4{ font-size:16px; padding:5px 0;}
	
	.footTopR{ float:none; text-align:center; padding-bottom:15px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footLink li{ margin:0; width:15%;}
	.footLink li:nth-child(2){ width:20%;}
	.footLink li:nth-child(3){ width:20%;}
	.footBot{ padding:20px 0 0px; text-align:center;}
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0;}
	
	.online{ top:auto; bottom:3%; transform:translateY(0);}
	.online li{ display:none;}
	.online li.online_top{ display:block; opacity:0.7;}
	.onlineIco:hover{ color:#FFFFFF; background:#3351a8; width:35px;}
	.onlineIco:hover i{ text-align:center; width:35px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:200px;}
	.arText{ margin-left:220px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:0 0 10px;}
	
	.article{ padding-right:150px;}
	.arLef{ padding-bottom:35px;}
	.arCon{ padding:10px 20px 10px 0;}
	.arTop{ padding:30px 20px 15px 0;}
	.arTopTit{ font-size:20px;}
	
	.parTit{ padding-bottom:20px;}
	.parTit h3{ font-size:22px; padding-bottom:10px;}
	
	.proTit{ font-size:24px; padding:25px 0;}
	.proBox1:after{ display:none;}
	.proBox1Item{ width:100%; border-bottom:1px solid #d9d9d9; padding:25px 0;}
	.proBox1Item:last-child{ border:none;}
	
	.proBox2Item{ padding:25px 0;}
	.proBox2Img,.proBox2Text{ float:none !important; width:100%;}
	.proBox2Text{ padding:25px 0 0;}
	
	.case{ padding-bottom:40px;}
	.caseTop{ padding:20px 0;}
	.caseBot{ padding-bottom:15px;}
	.caseBot li a{ padding:15px 50px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ right:10px; width:28px; height:28px; line-height:24px; font-size:18px;}
	
	.contact{ padding:40px 0;}
	.contactWay{ padding-bottom:15px; font-size:14px;}
	.contactWay h3{ padding-bottom:10px;}
	.contactShare{ margin:0 auto;}
	
	.contactBot{ padding:40px 0;}
	.conBotTit{ font-size:22px;}
	.conBotList li{ padding:0 0 10px; width:100%;}
	.conBotList li .media{ padding:10px;}
	.conBotList .media-left{ padding-right:10px;}
	.conBotList .media-left img{ width:100px;}
	.conBotList .media-body h3{ font-size:16px;}
	
	.proNav{ padding:15px 0;}
	.proNavTit{ float:none; max-width:none; font-size:20px;}
	.proNavItem{ float:none; text-align:left; padding:10px 0 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proWinLinke,.reProlist{ margin-left:0;}
	
	.proText{ padding-bottom:25px;}
	.probrief{ margin:15px 0;}
	.proImg img{ float:none !important;}
	
	.pro2 li{ margin:0 0 20px; text-align:center;}
	.pro2 li:nth-child(2n){ border:none;}
	.pro2 li img{ margin:0 auto;}
	.proText2{ padding:15px !important;}
	
	.proTab3{ margin:0;}
	.proTab3 li{ padding:0;}
	.pro3 .proText{ padding:25px 0 0;}
}
@media (max-width:767px){		
	.headerBg{ transform:translateY(0) !important;}
	.box1Num{ font-size:18px;}
	.box1Num span{ font-size:30px;}
	
	.box1Bot{ margin:0 -15px;}
	.box1Bot li{ padding:10px 15px;}
	.box1Bot li:after{ display:none;}
	.box1BotBrief{ height:auto; max-height:52px;}
	
	.box2HovBg{ display:flex; justify-content:center; align-items:center;}
	.box2Item{ text-align:center;}
	
	.bannerN{ height:250px;}
	.banH2{ font-size:24px;}
	
	.hisTit{ font-size:20px;}
	.history{ padding:0 10px;}
	.history .swiper-slide{ height:100%;}
	.history .swiper-slide.odd{ padding:0;}
	.hisBox{ background-position:center 60px;}
	.hisYear{ padding:12px 0; font-size:18px;}
	.hisIco:before{ background:#FFFFFF; top:0 !important; bottom:auto !important;}
	.hisIco:after{ top:13px !important; bottom:auto !important;}
	.hisTextBg{ height:auto;}
	.hisText{ position:static; text-align:center; padding:10px !important;}
	.hisPrev,.hisNext{ top:40px; transform:translateY(0%);}
	.hisPrev{ left:-10px;}
	.hisNext{ right:-10px;}
	
	.honTab{ margin:0 -5px;}
	.honTab li{ padding:0 5px;}
	.honTab li a{ min-width:100px; height:34px; line-height:32px;}
	
	.article{ padding-right:0;}
	.arLef{ min-height:200px !important; border:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.arTop{ padding:20px 0 10px;}
	.arCon{ padding:10px;}
	.arCon p,.arCon img{ margin:10px 0;}
	.arRig{ position:static; width:100%; padding:0 0 20px;}
	.pager li{ padding-bottom:15px;}
	
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.pro2 li{ margin:0; padding:10px 0; border-bottom:1px solid #e8e8e8 !important; height:auto !important;}
	.pro2 li:last-child{ border:none !important;}
	
	.proTab3 li{ padding:4px 0 0;}
	.proH4{ font-size:20px;}
}
@media (max-width:640px){
	.logo{ width:110px; padding:13px 0;}
	.box1Cen{ padding:0 15px;}
	.box1CenH3{ font-size:20px;}
	.box1CenPrev,.box1CenNext{ width:20px; height:35px; top:50px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	
	.footLink li{ display:block; width:100% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0;}
	.footSub p{ float:left; padding:0 5px;}
	
	.honTab li a{ min-width:0;  padding:0 20px;}
	
	.artlist li{ padding-bottom:15px; margin-bottom:15px;}
	.arImg{ width:150px;}
	.arTime{ position:static; height:30px; line-height:30px; padding:0; width:100%; overflow:hidden;}
	.arTime p{ display:inline-block; vertical-align:middle;}
	.date{ font-size:16px;}
	.arText{ margin-left:160px;}
	.arTit{ font-size:16px; padding:0;}
	.arBrief{ height:52px; margin:0 0 5px;}
	
	.parTit h3{ font-size:18px;}
	
	.caseBot li{ padding:0 7px 10px;}
	.caseBot li a{ padding:15px 15px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ display:none;}
	
	.contact_map{ height:300px;}
	
	.winBox{ max-width:none; width:90%; margin:0 auto; padding:15px 20px 15px 10px;}
	.winClose{ background-size:15px; right:10px; top:10px;}
	.winTit{ font-size:16px; padding:10px 0;}
	.winTit i{ font-size:18px;}
	.winList li{ margin-bottom:10px;}
	.winList li input{ height:36px; padding:3px 5px 3px 25px; line-height:28px;}
	.winList li span{ line-height:36px;}
	.winList li i{ line-height:36px; left:5px; width:20px;}
	.winList li input[type="submit"]{ line-height:36px;}
	.winTip{ line-height:22px;}
	
	.solu5Text h4{ font-size:18px; padding:20px 0;}
}
@media (max-width:460px){	
	.hdRigList li span{ display:none;}
	.hdTel{ margin-top:0;}
	
	.banBtn{ width:18px; height:28px; border:1px solid #FFFFFF;}
	
	.box1Num{ font-size:14px;}
	.box1Num span{ font-size:24px;}
	
	.title h2{ font-size:24px; padding:5px 0;}
	.titleBrief{ padding:5px 0; line-height:24px;}
	
	.box3List .swiper-pagination-bullet,.box4List .swiper-pagination-bullet{ width:24px; margin:0 3px;}
	
	.box4List .swiper-container{ padding-bottom:10px;}
	.box4Num{ font-size:24px;}
	.box4Tit{ font-size:14px;}
	
	.bannerN{ height:220px;}
	.banH2{ font-size:22px;}
	
	.honList li{ width:100%;}
	.honMore{ width:100%;}
	
	.artlist li{ padding-bottom:10px; margin-bottom:10px;}
	.arImg{ width:100px;}
	.arText{ margin-left:110px;}
	.arBrief{ line-height:20px; height:40px;}
	.arBot .pull-right{ font-size:12px;}
	.arBot .pull-right i{ width:18px; height:18px; line-height:16px;}
	
	.reList{ height:36px; line-height:34px;}
	
	.proBox1H3{ font-size:16px;}
	.proBox1Brief{ margin:5px 0;}
	
	.proBox2Text .proBox1H3{ font-size:16px;}
	
	.caseBot li a{ padding:15px;}
	.caseImg{ float:none; width:100%; margin-bottom:10px;}
	.caseBrief{ height:auto; max-height:52px;}
	
	.contactShare{ width:290px; height:166px; padding-top:50px;}
	.contactShare li{ padding:0 5px; font-size:12px;}
	.conShIco i{ width:40px; height:40px; margin:0 auto; line-height:38px; font-size:18px;}
	.conWx{ bottom:75px;}
	.contact_map{ height:250px;}
	.contactBot{ padding:20px 0;}
	.conBotTit{ font-size:19px;}
	
	.proH4{ font-size:18px;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.title h2{ font-size:20px;}
	
	.box1Num span{ display:block; line-height:28px;}
	.box3List .swiper-slide{ padding:10px 0;}
	
	.bannerN{ height:180px;}
	.banH2{ font-size:18px;}
	.bannerN .box1Num{ top:0;}
	
	.parList li a{ padding:10px 0;}
	
	.contact_map{ height:200px;}
	.winBox{ width:100%;}
	.winList li input{ font-size:12px;}
	
}	
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}